@charset "utf-8";

/****************************** pay.php页面 ********************************/
.topTool{ float:right; margin-top:10px;}
.topTool .loginline{ line-height:60px; font-size:13px; color:#BBB; }
.topTool li{ float:right; margin-left:16px;  line-height:60px; font-size:16px; color:#FFF; }
.topTool li em{margin-right:20px; color:#fe690b; font-style:normal;}
.topTool li em:hover{color:#fe996b; cursor:pointer;}
.topTool li a{color:#FFF;  text-decoration:none;}
.topTool li a:hover{color:#fe690b;}

.topTool .btn_buy_top{margin-top:15px; }
.topTool .btn_buy_top a{margin:0 auto; width:119px; height:29px; display:block; background:url(../img/btn_vip_buy_top.png) no-repeat; text-indent:-999em;}
.topTool .btn_buy_top a:hover{background-position: -120px 0;}

.vip-slogan{position:relative; top:70px;}
.btn_buy{position:relative; top:125px;}
.btn_buy a{margin:0 auto; width:212px; height:57px; display:block; background:url(../img/btn_vip_buy.png) no-repeat; text-indent:-999em;}
.btn_buy a:hover{background-position: -213px 0;}

.content h1{margin:0; padding-top:30px; line-height:80px; text-align:center; font-size:30px; font-weight:bold; color:#151515;}

.privilege{margin-top:449px; width:100%; height:740px; background:#e8e8e8;}
.privilege .priLeft{ float:left; margin-top:15px; width:49%; height:108px; background:#fff; border:1px solid #d2d2d2;}
.privilege .priRight{ float:right; margin-top:15px; width:49%; height:108px; background:#fff; border:1px solid #d2d2d2;}
.privilege img{float:left; margin:16px 4px 16px 20px; width:76px; height:76px;}
.privilege .priDesc{float:left; margin-left:6px; margin-top:16px; width:78%;}
.privilege .priDesc2{float:left; margin-top:16px; width:79%;}
.privilege  h2{margin:0; padding:0; line-height:36px; font-size:16px; font-weight:bold; color:#151515;}
.privilege  p{margin:0; padding:0; line-height:22px; font-size:16px; color:#5d5d5d; }

.feeItem{float:left; margin-top:20px; width:25%; height:200px; text-align:center;}
.feeOption{margin:0 auto; width:92%; height:196px; background:#fff; border:1px solid #d2d2d2;}
.feeOption .fee{margin-top:30px; text-align:center; height:40px; line-height:40px; color:#ffaa05; font-size:36px;}
.feeOption .unit{margin-left:3px;  font-size:16px; color:#969696;}
.feeOption .save{text-align:center; line-height:24px; font-size:16px; color:#969696;}
.feeOption .dashline{margin:0 auto; margin-top:50px; width:60%; border:1px dashed #d2d2d2; }
.feeOption .dashline2{margin:0 auto; margin-top:26px; width:60%; border:1px dashed #d2d2d2; }
.feeOption .viptime{margin-top:12px; text-align:center; line-height:40px; font-size:20px;}

.method{width:100%; height:480px;}
.method .methLeft{float:left; margin-top:20px; width:30%;}
.method .methLeft .step1{width:274px;}
.method .methMiddle{float:left; margin-top:20px; width:40%;}
.method .methRight{float:right; margin-top:20px; width:30%;}
.method .methRight .step3{float:right; width:269px;}
.method h2{margin-top:10px; margin-bottom:0; padding:0; text-align:center; line-height:36px; font-size:16px; font-weight:bold; color:#151515;}
.method p{margin:0; padding:0; text-align:center; line-height:22px; font-size:16px; color:#5d5d5d; }



/****************************** 登陆窗口 ********************************/
.mini_login{
    width:400px;
    height:280px;
    display:none;
    position:absolute;
    z-index:2;
    background:white;
}
/* 登录窗第一行*/
.mini_login .loginTitleBar{
    width:100%;
    height:40px;
    text-align:center;
}
.mini_login .loginTitleBar .login_title{
    margin-left:42px;
    line-height:36px;
    color:#151515;
    font-size:18px;
}
.mini_login .loginTitleBar .login_close{
    margin:1px 1px;
    width:41px;
    height:18px;
    display:block;
    float:right;
    cursor:pointer;
    background:url(../img/btn_close.png) no-repeat; text-indent:-999em;
}
.mini_login .loginTitleBar .login_close:hover{
	background:url(../img/btn_close.png) no-repeat 0px -25px;
}
.mini_login input{
    width:60%;
    height:36px;
    margin-top:20px;
    margin-left:20%;
    padding-left:5px;
    display:inline-block;
    border:1px solid #c3c5c6;
}
.mini_login input:focus{
    border:1px solid #f69c00;
}
.mini_login .tip_error{
    margin: 10px 0 10px 20%;
    width:240px;
    height:20px;
}
.mini_login .tip_error .tip_show{display: none;}
.mini_login .tip_error img{float:left; margin-right:5px;}
.mini_login .tip_error .error_desc{
    margin:0;
    padding:0;
    line-height:20px;
    font-size:12px;
    color: red;
}
.mini_login a.btn_login{
    margin-left:20%;
    display:block;
    height:36px;
    line-height:36px;
    width:240px;
    background:#f69c00;
    color:white;
    font-size:16px;
    text-decoration:none;
    text-align:center;
}

.mini_login .login_help{
    float:right;
    margin-top:15px;
    width:200px;
    height:30px;
}
.mini_login .login_help a{
    float:right;
    margin-right:10px;
    margin-left:10px;
    line-height:30px;
    font-size:12px;
    color:#5d5d5d;
}
.mini_login .login_help a:hover{
    text-decoration:underline;
}
.mini_login .login_help .line{
    float:right;
    line-height:30px;
    font-size:10px;
    color:#c5c5d6;
}

/****************************** 支付结果窗口 ********************************/
.mini_result{
    width:690px;
    height:620px;
    display:none;
    position:absolute;
    z-index:2;
    background:white;
}
.mini_result img{
    margin-top: 50px;
}
.mini_result p{
    text-align:center;
    margin-top:20px;
    font-size: 18px;
}
.mini_result a.btn_ok{
    display:block;
    margin: 0 auto;
    margin-top:50px;
    height:36px;
    line-height:36px;
    width:120px;
    background:#f69c00;
    color:white;
    font-size:16px;
    text-decoration:none;
    text-align:center;
}

/****************************** 支付窗口 ********************************/
.mini_pay{
    width:690px;
    height:620px;
    display:none;
    position:absolute;
    z-index:2;
    background:white;
}
.titleBar{
    width:100%;
    height:40px;
    text-align:center;
    background:url(../img/vip_title_bar.png) repeat;
}
.titleBar .pay_title{
    margin-left:52px;
    color:#151515;
    font-size:18px;
    line-height:40px;
}
.titleBar .pay_close{
    width:52px;
    height:39px;
    display:block; 
    float:right;
    cursor:pointer;
    background:url(../img/vip_btn_close.png) no-repeat; text-indent:-999em;
}
.mini_pay .paytimeBK{
    width:100%;
    height: 240px;
    background: #f9f9f9;
}
.mini_pay .conarea{
    width:560px;
    height:220px;
    margin:0 auto;
    color:#444;
}
.mini_pay h3{
    margin:0;
    padding:0;
    line-height:60px;
    font-size:14px;
    color:#5d5d5d;
    font-weight:normal;
}
.mini_pay .conarea em{
    margin-left:10px;
    color:red;
    font-style:normal;
}
.mini_pay .paytime{
    margin:0;
    padding:0;
}
.mini_pay .paytime li{
    float:left;
    width:130px;
    height:150px;
    margin-left:5px;
    margin-right:5px;
    cursor:pointer;
    background:url(../img/vip_time_bk.png) no-repeat 0px 0px;
}
.mini_pay .paytime li:hover{
    background:url(../img/vip_time_hover.png) no-repeat 0px 0px;
}
.mini_pay .paytime li.active{
    background:url(../img/vip_time_cur.png) no-repeat 0px 0px;
}
.mini_pay .paytime li .fee{margin-top:25px; text-align:center; height:40px; line-height:40px; font-size:30px;}
.mini_pay .paytime li .unit{margin-left:3px;  font-size:14px; color:#969696;}
.mini_pay .paytime li .save{text-align:center; line-height:24px; font-size:14px; color:#969696;}
.mini_pay .paytime li .viptime{margin-top:44px; text-align:center; line-height:40px; font-size:16px;}
.mini_pay .paytime li .viptime2{margin-top:20px; text-align:center; line-height:40px; font-size:16px;}

.mini_pay .contype{
    width:560px;
    height:120px;
    margin:0 auto;
    color:#444;
}
.mini_pay .paytype{
    margin:0;
    padding:0;
}
.mini_pay .paytype li{
    float:left;
    width:130px;
    height:40px;
    margin-left:5px;
    margin-right:5px;
    cursor:pointer;
    background:url(../img/pay_type_bk.png) no-repeat 0px 0px;
}
.mini_pay .paytype li:hover{
    background:url(../img/pay_type_hover.png) no-repeat 0px 0px;
}
.mini_pay .paytype li.active{
    background:url(../img/pay_type_cur.png) no-repeat 0px 0px;
}
.mini_pay .paytype li .typeDesc{text-align:center; line-height:40px; font-size:14px;}

.mini_pay .qcode{
    display:block;
    margin:0 auto;
    width:200px;
    height:200px;
}
.mini_pay .qcode p{
    margin:0;
    padding:0;
    text-align:center;
    line-height:30px;
    font-size:14px;
    color:#5d5d5d;
}
.mini_pay .qcode_rect{
    margin-left:30px;
    width:140px;
    height: 140px;
    border:1px solid #d6d6d6;
}

.mini_pay .qcode_rect img{
	margin-left: 10px;
	margin-top: 10px;
}
.mini_pay .qcode .qcode_ali{
    margin-top: 10px;
    margin-left:10px;
    width:120px;
    height:120px;
    border:0;
}
.mini_pay .qcode .qcode_wx{
    width:140px;
    height:140px;
    border:0;
}
.mini_pay .bank_pay{
    display:none;
    margin: 0 auto;
    margin-top:50px;
    width: 150px;
}
.mini_pay .bank_pay .btn_bank_pay{
    display:block;
    width:100%;
    height:42px;
    line-height:42px;
    background:#3387ef;
    font-size:16px;
    color:white;
    text-decoration:none;
    text-align:center;
    border:0;
    cursor: pointer;
}

/* 遮罩层样式 */
.cover{
    display:none;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    background: rgba(0,0,0,0.4);
    
}






